<template>
  <footer class="site-footer background-black-2">
    <img
      src="/assets/images/shapes/footer-bg-1-1.png"
      alt=""
      class="site-footer__shape-1"
    />
    <img
      src="/assets/images/shapes/footer-bg-1-2.png"
      alt=""
      class="site-footer__shape-2"
    />
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
          <div class="footer-widget footer-widget__about-widget">
            <a href="/index.html" class="footer-widget__logo">
              <img
                src="/assets/images/logo-light.png"
                alt=""
                width="105"
                height="43"
              />
            </a>
            <p class="thm-text-dark">
              好吃不贵，快乐加倍！<br />欢迎来到班德尔商城
            </p>
          </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
          <div class="footer-widget footer-widget__contact-widget">
            <h3 class="footer-widget__title">联系我们</h3>
            <ul class="list-unstyled footer-widget__contact">
              <li>
                <i class="fa fa-phone-square"></i>
                <a href="tel:666-888-0000">666 888 0000</a>
              </li>
              <li>
                <i class="fa fa-envelope"></i>
                <a href="mailto://m151071935120@yeah.net"
                  ><span class="__cf_email__">[m15107193512@yeah.net]</span></a
                >
              </li>
              <li>
                <i class="fa fa-map-marker-alt"></i>
                <a href="#">湖北武汉</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
          <div class="footer-widget footer-widget__links-widget">
            <h3 class="footer-widget__title">相关链接</h3>
            <ul class="list-unstyled footer-widget__links">
              <li>
                <a href="/index.html">首页</a>
              </li>
              <li>
                <a href="/products.html">商品中心</a>
              </li>
              <li>
                <a href="/about.html">关于本店</a>
              </li>
              <li>
                <a href="/contact.html">联系我们</a>
              </li>
              <li>
                <a href="/contact.html">帮助</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
          <div class="footer-widget">
            <h3 class="footer-widget__title">探索发现</h3>
            <ul class="list-unstyled footer-widget__links">
              <li>
                <a href="/products.html">新的产品</a>
              </li>
              <li>
                <a href="/checkout.html">我的账户</a>
              </li>
              <li>
                <a href="/contact.html">支持</a>
              </li>
              <li>
                <a href="/contact.html">FAQs</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
          <div class="footer-widget">
            <h3 class="footer-widget__title">新闻订阅</h3>
            <form action="#" data-url="YOUR_MAILCHIMP_URL" class="mc-form">
              <input
                type="email"
                name="EMAIL"
                id="mc-email"
                placeholder="请输入订阅邮箱"
              />
              <button type="submit">订阅</button>
            </form>
            <div class="mc-form__response"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="bottom-footer">
      <div class="container">
        <hr />
        <div class="inner-container text-center">
          <div class="bottom-footer__social">
            <a href="#" class="fab fa-qq"></a>
            <a href="#" class="fab fa-weixin"></a>
            <a href="#" class="fab fa-weibo"></a>
          </div>
          <p class="thm-text-dark">
            © 版权所有 <span class="dynamic-year"></span> issen
          </p>
        </div>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: "Footer",
};
</script>